<template>
  <div>        
    <el-tabs class="tabs">             
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.platformSideConfiguration')">                  
        <webConfigBs></webConfigBs>                
      </el-tab-pane>
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.merchantSideConfiguration')">                  
        <webConfigShop></webConfigShop>                
      </el-tab-pane>         
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.pcConfiguration')">                  
        <webConfigPc></webConfigPc>                
      </el-tab-pane>
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.h5Configuration')">                  
        <webConfigUni></webConfigUni>                
      </el-tab-pane>          
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.stationConfiguration')">                  
        <webConfigStation></webConfigStation>                
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import webConfigBs from './webConfig-bs'
import webConfigShop from './webConfig-shop'
import webConfigPc from './webConfig-pc'
import webConfigUni from './webConfig-uni'
import webConfigStation from './webConfig-station'

export default {
  data () {
    return {
      showTab: true
    }
  },
  components: {
    webConfigBs,
    webConfigPc,
    webConfigUni,
    webConfigShop,
    webConfigStation
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style scoped>
  div{
    margin-bottom: 150px;
  }
  .tabs /deep/ .el-table tr{
    height: 100px;
  }
</style>
